<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<li th:if="${#lists.isEmpty(dataMap['list'])}" id="no-data-li">
    <section class="no-data__wrap">
        <em>&nbsp;</em>
        <p>亲，小编正在整理中</p>
    </section>
</li>
<li  th:if="!${#lists.isEmpty(dataMap['list'])}"  th:each="course : ${dataMap['list']}"class="mb5">
    <a th:href="@{/mobile/course/smallClassInfo?courseId={courseId}(courseId=${course['id']})}">
        <div class="pl75 pr75 mt5">
            <h1 class="article-title"><b th:text="${course['courseName']}">——</b></h1>
            <section class="mt5">
                <span class="free-tag" th:text="${#strings.substring(course['openTime'],0,16)}+' — '+${#strings.substring(course['endTime'],0,16)}"></span>
            </section>
            <section class="mt5">
                <section class="row">
                    <section class="col-60">
                        <section class="clearfix">

                           <th:block th:if="${!#lists.isEmpty(course['teacherList'])}" >
                               <div class="pull-left" th:each="teacher,index:${course['teacherList']}" th:if="${index['index']}==0">
                                   <div class="teacher-pic__wrap">
                                       <img class="wm-img" th:alt="${teacher['teacherName']}"   th:attr="data-src=${teacher['imageMap']['mobileUrlMap']['large']}" th:attrappend="src=@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}"  >
                                   </div>
                                   <section class="fs4 c-666 text-center">
                                       <span>授课</span>
                                       <br>
                                       <span th:text="${teacher['teacherName']}"></span>
                                   </section>
                               </div>
                           </th:block>
                            <div class="pull-left" th:if="${#lists.isEmpty(course['teacherList'])}">
                                <div class="teacher-pic__wrap">
                                    <img class="wm-img"    src="https://fimage.268xue.com/upload/0/yzl/common/2019032003/97711618680b4b9f283c000095b69a2a_jpg/mobile/large.jpg"  >
                                </div>
                                <section class="fs4 c-666 text-center">
                                    <span>授课</span>
                                    <br>
                                    <span>暂无讲师</span>
                                </section>
                            </div>
                            <th:block th:if="${!#lists.isEmpty(course['assistantList'])}">
                                <div class="pull-left"  th:each="teacher,index:${course['assistantList']}" th:if="${index['index']}==0">
                                    <div class="teacher-pic__wrap">
                                        <img class="wm-img" th:alt="${teacher['teacherName']}"   th:attr="data-src=${teacher['imageMap']['mobileUrlMap']['large']}"   src="https://fimage.268xue.com/upload/0/yzl/common/2019032003/97711618680b4b9f283c000095b69a2a_jpg/mobile/large.jpg"  >
                                    </div>
                                    <section class="fs4 c-666 text-center">
                                        <span>助教</span>
                                        <br>
                                        <span th:text="${teacher['teacherName']}"></span>
                                    </section>
                                </div>
                            </th:block>
                        </section>
                    </section>
                    <section class="col-40 mt5">
                        <div class="text-right pt5">
                            <aside class="c-red" th:if="${course['buyNum']}-${course['courseProfile']['buyCount']}>0">
                                <span class="vam">剩</span>
                                <span class="vam" th:text="${course['buyNum']}-${course['courseProfile']['buyCount']}"></span>
                                <span class="vam">个名额</span>
                            </aside>
                            <aside class="c-888" th:if="${course['buyNum']}-${course['courseProfile']['buyCount']}<=0">名额已满</aside>
                        </div>
                    </section>
                </section>
            </section>
        </div>
        <div class="card-footer mt5">
            <aside>
                <span class="c-333">共<span th:if="${course['nodeNum']}!=null" th:text="${course['nodeNum']}"></span>讲</span>
                <span class="c-red ml5" th:if="${course['limitDay']}>0 and ${course['limitDate']}!=null" th:text="'距离停售还有'+${course['limitDay']}+'天'"></span>
                <span class="c-red ml5" th:if="${course['limitDay']}<=0 and ${course['limitDate']}!=null">此课已停售，请关注其它</span>
            </aside>
            <aside th:if="${course['realPrice']} > 0" >
            <span class="c-red fs8 vam">
             <small class="fs4">￥</small><strong th:text="${course['realPrice']}"></strong>
               </span>
                <s class="fs4 c-bbb vam"  th:text="${course['orPrice']}"></s>
            </aside>
            <aside th:if="${course['realPrice']} <= 0">
             <span class="c-green fs8 vam">
                    免费
              </span>
            </aside>
        </div>
    </a>
</li>
</html>